<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Game</title>
    <link rel="stylesheet" href="css/game.css">
</head>
<body>
<div class="header-wrap">
    <div class="header-top">
            <div class="search">
                <form action="#" method="get">
                    <div class="search-wrap">
                        <input type="text" class="search-keyword">
                        <button class="search-submit">
                            <img src="img/icon/search.png">
                        </button>
                    </div>
                </form>
            </div>

    </div>
    <div class="header-submenu">
        <div class="header-submenu-wrap">
            <ul class="header-menu-list">
                <li class="menuItem"><a href="#">首页</a></li>
                <li class="menuItem"><a href="#">游戏中心</a></li>
                <li class="menuItem"><a href="#">游戏礼包</a></li>
                <li class="menuItem"><a href="#">游戏新闻</a></li>
                <li class="menuItem"><a href="#">英雄排行</a></li>
                <li class="menuItem"><a href="#">评测专区</a></li>

            </ul>
        </div>
    </div>
</div>

<div class="main-wrap">
    <div class="game-ad">
        <img src="img/gamecenter/ad.jpg">
    </div>

    <div class="main-content">
        <div class="location">
            你的位置：<a href="#">首页</a>&gt;<a href="#">游戏礼包</a>
        </div>
        <div class="filter">
            <div class="filter-count">
                <span class="s1">分类筛选</span>共计：<span class="s2">761</span>个标签，本周新增<span class="s2">761</span>个礼包
            </div>
            <div class="filter-category">
                <ul>
                    <li>

                        <div class="category-wrap">
                            <span class="filter-title">联网类型</span>
                            <span class="focus"><a href="#">全部</a> </span>
                            <span><a href="#">网游</a> </span>
                            <span><a href="#">单机</a> </span>
                        </div>
                    </li>
                    <li>

                        <div class="category-wrap">
                            <span class="filter-title">游戏类型</span>
                            <span class="focus"><a href=''>全部</a></span>
                            <span><a href=''>游戏</a></span>
                            <span><a href=''>策略</a></span>
                            <span><a href=''>休闲</a></span>
                            <span><a href=''>第一人称射击</a></span>
                        </div>
                    </li>
                    <li>

                        <div class="category-wrap">
                            <span class="filter-title">游戏特征</span>
                            <span class="focus"><a href=''>全部</a></span>
                            <span><a href=''>魔幻</a></span>
                            <span><a href=''>仙侠</a></span>
                            <span><a href=''>武侠</a></span>
                        </div>
                    </li>
                    <li>

                        <div class="category-wrap">
                            <span class="filter-title">音序</span>
                            <span><a href=''>全部</a></span>
                            <span class="focus"><a href=''>A</a></span>
                            <span><a href=''>B</a></span>
                            <span><a href=''>C</a></span>
                            <span><a href=''>D</a></span>
                        </div>
                    </li>

                </ul>
            </div>
        </div>

        <div class="channel">
            <div class="channel-content ">
                <div class="channel-title">
                    <a style="" href="#">人气最高</a>
                    <a href="#">近期更新</a>
                </div>
                <div class="channel-count">
                    <a href="#">共有18888条</a>
                </div>
            </div>
        </div>

        <div class="wrap-game">
            <div class="game">
                <div class="game-img-wrap">
                    <img src="img/0930/1443160789184794.jpg">
                </div>
                <div class="game-info">
                    <p><span class="game-name">暗黑黎明</span>为蛋糕房好地方规划规划湖广会馆D</p>
                    <p>类型：<span>角色 魔幻</span> 状态：<span>公测 </span>更新时间：<span>2020-9-9</span></p>
                    <p>简介：兵临城下</p>
                    <p>
                        <a href="#" class="zq">游戏专区</a>
                        <a href="#" class="lb">领取礼包</a>
                        <a href="#" class="lt">进入论坛</a>
                        <a href="#" class="xz">点击下载</a>
                    </p>
                </div>
            </div>
            <div class="game">
                <div class="game-img-wrap">
                    <img src="img/0930/1443171972533865.jpg">
                </div>
                <div class="game-info">
                    <p><span class="game-name">暗黑黎明</span>为蛋糕房好地方规划规划湖广会馆D</p>
                    <p>类型：<span>角色 魔幻</span> 状态：<span>公测 </span>更新时间：<span>2020-9-9</span></p>
                    <p>简介：兵临城下</p>
                    <p>
                        <a href="#" class="zq">游戏专区</a>
                        <a href="#" class="lb">领取礼包</a>
                        <a href="#" class="lt">进入论坛</a>
                        <a href="#" class="xz">点击下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="wrap-game">
            <div class="game">
                <div class="game-img-wrap">
                    <img src="img/0930/1443160789184794.jpg">
                </div>
                <div class="game-info">
                    <p><span class="game-name">暗黑黎明</span>为蛋糕房好地方规划规划湖广会馆D</p>
                    <p>类型：<span>角色 魔幻</span> 状态：<span>公测 </span>更新时间：<span>2020-9-9</span></p>
                    <p>简介：兵临城下</p>
                    <p>
                        <a href="#" class="zq">游戏专区</a>
                        <a href="#" class="lb">领取礼包</a>
                        <a href="#" class="lt">进入论坛</a>
                        <a href="#" class="xz">点击下载</a>
                    </p>
                </div>
            </div>
            <div class="game">
                <div class="game-img-wrap">
                    <img src="img/0930/1443171972533865.jpg">
                </div>
                <div class="game-info">
                    <p><span class="game-name">暗黑黎明</span>为蛋糕房好地方规划规划湖广会馆D</p>
                    <p>类型：<span>角色 魔幻</span> 状态：<span>公测 </span>更新时间：<span>2020-9-9</span></p>
                    <p>简介：兵临城下</p>
                    <p>
                        <a href="#" class="zq">游戏专区</a>
                        <a href="#" class="lb">领取礼包</a>
                        <a href="#" class="lt">进入论坛</a>
                        <a href="#" class="xz">点击下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="wrap-game">
            <div class="game">
                <div class="game-img-wrap">
                    <img src="img/0930/1443160789184794.jpg">
                </div>
                <div class="game-info">
                    <p><span class="game-name">暗黑黎明</span>为蛋糕房好地方规划规划湖广会馆D</p>
                    <p>类型：<span>角色 魔幻</span> 状态：<span>公测 </span>更新时间：<span>2020-9-9</span></p>
                    <p>简介：兵临城下</p>
                    <p>
                        <a href="#" class="zq">游戏专区</a>
                        <a href="#" class="lb">领取礼包</a>
                        <a href="#" class="lt">进入论坛</a>
                        <a href="#" class="xz">点击下载</a>
                    </p>
                </div>
            </div>
            <div class="game">
                <div class="game-img-wrap">
                    <img src="img/0930/1443171972533865.jpg">
                </div>
                <div class="game-info">
                    <p><span class="game-name">暗黑黎明</span>为蛋糕房好地方规划规划湖广会馆D</p>
                    <p>类型：<span>角色 魔幻</span> 状态：<span>公测 </span>更新时间：<span>2020-9-9</span></p>
                    <p>简介：兵临城下</p>
                    <p>
                        <a href="#" class="zq">游戏专区</a>
                        <a href="#" class="lb">领取礼包</a>
                        <a href="#" class="lt">进入论坛</a>
                        <a href="#" class="xz">点击下载</a>
                    </p>
                </div>
            </div>
        </div>

        <div class="pager-list">
            <a href="#">上一页</a>
            <a href="#">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
            <a href="#">6</a>
            <a href="#">下一页</a>
        </div>
    </div>


</div>
</body>
</html>